@CHARSET "UTF-8";




/* 公共样式   */

.center {
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.section {
    background-color: white;
    width: 100%;
    overflow: hidden;
}

.content .section:nth-of-type(even) {
    background-color: #f0f0f0;
}

.banner-tag {
    width: 250px;
    height: 64px;
    position: absolute;
    right: 30px;
    bottom: 95px;
}

.banner-tag img {
    float: right;
    display: block;
}
.p-multihide-title{
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.p-multihide{
    font-size: 14px;
    color: grey;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.add-blueBtn{
    background-image: url('../images/button1.png');
    color: white;
}
.add-LblueBtn{
    background-image: url('../images/blueBtn.png') !important;
}

/* 底部样式 */

.footer {
    width: 100%;
    height: 109px;
    overflow: hidden;
    background-image: url('../images/footer.png');
    padding: 0 !important;
    background-position: center;
}

.footer a:HOVER{
	text-decoration: underline;
}

.contactNum,
.banquan,
.wxwb {
    float: left;
    height: 60px;
    margin-top: 24.5px;
    margin-bottom: 24.5px;
}

.banquan {
    margin-left: 130px;
    color: #8094ae;
    padding: 8px 0;
}

.banquan a{
    color: #8094ae;
}

.wxwb {
    float: right;
}

.contactNum {
    padding: 12px 0;
}

.contactNum div {
    margin-left: 10px;
    float: right;
    font-size: 12px;
    line-height: 20px;
}




/* 首页样式   */


/* 头部样式 */

header {
    width: 100%;
    background-color: #152b47;
    height: 45px;
    font-size: 16px;
}

.header-left {
    float: left;
    width: 550px;
    height: 100%;
    overflow: hidden;
    margin-left: 10px;
}

.header-left p {
    float: left;
    color: white;
    margin: 10.5px 20px 10.5px 0;
    font-size: 16px;
}

.header-right {
    width: 250px;
    height: 100%;
    float: right;
    margin-right: 10px;
    font-size: 14px;
}

.header-right ul {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.header-link {
    float: left;
    margin-right: 10px;
    height: 16px;
}
.littleLogo{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -2px;
}
.header-link a{
    color: white;
    display: inline-block;
    height: 16px;
    line-height: 16px;
}





/* 导航样式   */

.nav {
    width: 100%;
    height: 100px;
    background: #ffffff;
}

.com-logo {
    float: left;
    width: 245px;
    height: 73px;
    margin: 13.5px 0;
}

.nav-content {
    float: right;
    width: 600px;
    height: 100%;
}

.nav-content ul {
    width: 100%;
    height: 100%;
}

.nav-link {
    width: 100px;
    float: left;
    padding: 25.5px 0;
}
.nav-link a {
    display: inline-block;
    width: 78px;
    height: 49px;
    font-size: 18px;
    text-align: center;
    line-height: 49px;
}
.nav-link a:hover {
    background-image: url('../images/button1.png');
}




/* 幻灯片样式 */

.slideBox {
    width: 100%;
    height: 473px;
    position: relative;
    text-align: center;
}

.hd {
    width: 80px;
    height: 10px;
    position: absolute;
    bottom: 25px;
    margin-left: -40px;
    overflow: hidden;
    left: 50%;
    z-index: 10;
}

.hd ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hd ul li {
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 5px;
    margin-right: 5px;
}

.hd .on{
    width: 25px;
    transition: all .5s ease;
}
.bd {
    overflow: hidden;
    position: relative;
    height: 473px;
    background-color: #162b48;
}
.bd img{
    object-position: center;
    height: 473px;
    align-items: center;
}

.slideText {
    width: 620px;
    height: 180px;
    position: absolute;
    left: 18%;
    top: 205px;
    color: #fff;
    z-index: 1;
}

@media ( max-width : 1600px) {
.bd img{
    transform:translateX(-5%);
}
.slideText {
    left: 15%;
}
}
@media ( max-width : 1400px) {
.bd img{
    transform:translateX(-10%);
}
.slideText {
    left: 11%;
}
}

.slideText p {
    margin: 10px;
    font-size: 18px;
    text-align: left;
}

/* 项目案例样式 */

.proCase {
    height: 390px;
    overflow: hidden;
    position: relative;
    background-color: white;
    padding-top: 40px;
    box-sizing: border-box;
}


.proCaseItemImg {
    display: inline-block;
    width: 100%;
    height: 244px;
}

.proCase ul {
    width: 100%;
    height: 440px;
}

.proCaseItem-txt {
    margin-top: 5px;
    width: 265px;
}

.proCaseItem {
    float: left;
    width: 275px;
}

.proCaseItem p {
    font-size: 14px;
    color: grey;
    margin-top: 5px;
}




/* 案例样式 */

.section .cases {
    height: 457px;
    margin-top: 25px;
    background-color: #f0f0f0;
    box-sizing: border-box;
}

.cases-title {
    width: 100%;
    height: 50px;
}

.cases-title-left {
    float: left;
}

.cases-title-right {
    float: right;
}

.tab {
    float: right;
    margin-bottom: 10px;
}

.tab span {
    display: inline-block;
    width: 49px;
    height: 7px;
    cursor: pointer;
}

.tab .SpanLightBtn {
    background: url('../images/tabLight.png');
}

.tab .SpanDarkBtn {
    background: url('../images/tabDark.png');
}
.hidden{
	display: none;
	}
.display{
	display: block;
}
.cases-content a {
    width: 271px;
    height: 271px;
    background: url('../images/ItemBorder.png');
    display: inline-block;
    position: relative;
}
.cases-content2 a {
    width: 271px;
    height: 271px;
    background-color: #d9d9d9;
    display: inline-block;
    position: relative;
    cursor: default;
}
.cases-img {
    width: 244px;
    height: 244px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -122px;
    margin-top: -122px;
}

.casesItem {
    margin-top: 10px;
    width: 275px;
    float: left;
}

.cases-text {
    width: 260px;
    height: 120px;
    overflow: hidden;
}

.cases-text p {
    margin-top: 5px;
    margin-bottom: 20px;
    color: grey;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
}





/* 资讯样式 */

.news {
    height: 480px;
    position: relative;
    overflow: hidden;
}

.news-title {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 210px;
    height: 38px;
    display: block;
}

.news-content {
    width: 100%;
    height: 400px;
}

.news-content-left {
    width: 390px;
    float: left;
    height: 100%;
    background-color: #f0f0f0;
    padding: 10px;
    text-align: center;
    position: relative;
}

.news-content-left img {
    border: 1px solid #d8d8d8;
}

.text-bottom {
    text-align: left;
    left: 12px;
    margin: 3px 5px 5px 5px;
}

.text-bottom p {
    color: grey;
    margin-top: 5px;
    margin-right: 5px;
}

.i-news-content-right {
    width: 680px;
    height: 100%;
    float: right;
}

.news-art {
    height: 135px;
    border-bottom: 1px solid #eef0f4;
    position: relative;
}

.news-art h1 {
    color: grey;
    height: 60px;
    line-height: 60px;
}

.news-art p {
    color: grey;
    line-height: 1.5;
    font-size: 15px;
}

.news-art p span{
    font-size: 14px;
}

.art-vt {
    position: absolute;
    bottom: 10px;
}

.art-vt span:first-child {
    margin-right: 10px;
}

.art-vt i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../images/eye.png');
    vertical-align: middle;
    margin-top: -2px;
}




/* 合作伙伴样式 */

.partners {
    overflow: hidden;
}

.partnersLogo {
    display: block;
    width: 75px;
    height: 36px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.partners-link {
    width: 100%;
    height: 60px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.partners-link ul {
    width: 100%;
    height: 100%;
}

.partners-link ul li {
    float: left;
    width: 131px;
    height: 49px;
    margin-right: 20px;
}

.partners-link ul li a img {
    width: 100%;
    height: 100%;
    border: 1px solid #d8d8d8;
    padding: 2px;
    background-color: white;
}




/* 产品服务样式 */

.banner {
    width: 100%;
    height: 290px;
    background-position: center;
}

.currentLoc {
    position: absolute;
    font-size: 14px;
    color: #a5a7aa;
    top: 10px;
    right: 30px;
}
.currentLoc a{
    color: #a5a7aa;
}
.productContent {
    margin-top: 30px;
}

.proItem {
    width: 100%;
    position: relative;
    margin: 25px 0;
    height: 220px;
    float: left;
}
.proItem:hover{
    box-shadow: 5px 5px 3px 3px #cccccc;
    transition: all .5s ease;
}
.proItem a img {
    width: 220px;
    height: 220px;
    border: 1px solid #d8d8d8;
    padding: 2px;
}

.productDes {
    width: 850px;
    float: right;
    height: 100%;
    position: relative;
}

.time {
    font-size: 14px;
    color: #bec4c6;
    line-height: 20px;
}

.viewTags {
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 16px;
    top: 0;
    right: 10px;
}
.viewTags span img{
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -2px;
}

.viewTags span{
    width: 65px;
    border-right: 1px solid #cacad7;
    display: inline-block;
}

.proDescription {
    font-size: 14px;
    color: grey;
    line-height: 1.6;
    margin: 10px 10px 10px 0;
    height: 95px;
    text-overflow: ellipsis;
}

.proDescription p{
    font-size: 15px;
}

.bottomBtn {
    position: absolute;
    left: 0;
    bottom: 10px;
}

.bottomBtn a {
    display: inline-block;
    width: 98px;
    height: 44px;
    border-radius: 3px;
    margin-right: 10px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: white;
}

.bottomBtn a:first-child {
    background: url('../images/blueBtn1.png');
}

.multiPage {
    width: 345px;
    height: 100px;
    overflow: hidden;
    clear: both;
}
.multiPage a{
    width: 38px;
    height: 36px;
    border-radius: 3px;
    float: left;
    margin: 39px 3px 39px 0;
    background-color: #dedede;
    text-align: center;
    line-height: 36px;
}
.multiPage a:first-child,.multiPage a:last-child{
    width: 60px;
}
.now_page{
    background-color: #36629c !important;
    color: white;
}




/* 

detail 咨询详情样式 

*/

.art-container {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 50px;
    min-height: 600px;
}

.art-content-left {
    width: 740px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #dcdcdc;
    padding-right: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: 600px;
}

.art-zixun {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.title-h2 {
    height: 40px;
    line-height: 45px;
    font-size: 22px;
}

.title-h3 {
    height: 60px;
    line-height: 60px;
    font-size: 22px;
}

.art-zixun span {
    display: inline-block;
    width: 85px;
    height: 25px;
    border-radius: 15px;
    font-size: 12px;
    line-height: 25px;
    background-color: #f1f1f1;
    text-align: center;
    margin-right: 5px;
}

.art-main{
	margin-bottom: 30px;
}

.art-main h1 {
    font-size: 35px;
    margin-bottom: 5px;
}

.art-main .art-sug span {
    height: 20px;
    line-height: 20px;
    margin-right: 35px;
    font-size: 14px;
    color: grey;
}

.art-content {
    width: 100%;
    margin-top: 15px;
}

.art-content p {
    font-size: 16px;
    line-height: 32px;
}

.art-content img {
    max-width: 700px;
}

.art-share {
    position: absolute;
    bottom: 10px;
}

.art-share span {
    height: 32px;
    line-height: 32px;
}

.art-share ul {
    float: right;
}

.art-share ul li {
    float: left;
    margin: 0 6px;
}

.reading {
    width: 100%;
    margin-top: 30px;
}

.reading h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

.reading-left,
.reading-right {
    float: left;
    width: 50%;
    margin-bottom: 50px;
}

.reading-left ul li,
.reading-right ul li {
    line-height: 30px;
    height: 30px;
    font-size: 14px;
}

.reading li a,
.click-ranking-list li a,
.view-ranking-list li a {
    display: inline-block;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.reading li a span {
    color: grey;
    margin-right: 10px;
}

.news-content-right {
    width: 340px;
    padding-left: 30px;
    float: right;
}

.news-sort-list {
    width: 100%;
    height: 150px;
}

.news-sort-list li {
    width: 100%;
    height: 50px;
    margin: 0;
    padding-left: 20px;
    border-left: 2px solid #152b47;
    font-size: 17px;
    line-height: 50px;
}
.news-sort-list li a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.news-sort-list li:hover{
    background-color: #152b47;
}
.artCatActive{
    background-color: #152b47;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.artCatActive a{
    color: white;
}
.news-sort {
    width: 100%;
    margin-bottom: 45px;
}

.view-ranking-list li {
    width: 100%;
    border-bottom: 1px dotted #dcdcdc;
    line-height: 50px;
    font-size: 15px;
    margin: 0;
    padding-left: 5px;
}
/**
.view-ranking-list li:first-child a,.view-ranking-list li:nth-of-type(2) a,.view-ranking-list li:nth-of-type(3) a{
    color: #e65759;
}
**/
.view-ranking-list li:first-child span{
    background-color: #e65759;
    color: white;
}

.view-ranking-list li:nth-of-type(2) span{
    background-color: #e2883f;
    color: white;
}

.view-ranking-list li:nth-of-type(3) span{
    background-color: #ecae44;
    color: white;
}

.view-ranking-list li span{
	display: inline-block;
    padding: 2px 4px;
    line-height: 14px;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #eee;
    overflow: hidden;
    padding-right: 6px;
    padding-left: 6px;
    border-radius: 9px;
}

.view-ranking {
    width: 100%;
}

.view-ranking-list li {
    height: 45px;
}

.view-ranking-list li span {
    margin-right: 10px;
}




/*

news 咨询列表 样式

 */

.news-list-item {
    width: 100%;
    height: 110px;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5
}

.news-list-item span {
    color: #999999;
    margin-right: 35px;
    line-height: 1;
    font-size: 13px;
}

.news-tags {
    color: #7ac4ff;
}




/*

项目案例列表页面样式

 */

.lb {
    width: 100%;
    height: 220px;
    position: absolute;
    text-align: center;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.lb-nav {
    height: 45px;
    margin-left: 265px;
    margin-top: 25px;
}

.lb-nav li {
    width: 126px;
    height: 100%;
    margin-right: 20px;
    float: left;
    font-size: 17px;
    line-height: 45px;
}

.lb-nav li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('../images/blackBtn.png');
    color: white;
}
.lb-nav li a:hover{
    background-image: url('../images/blueBtn.png') !important;  
}
.lb-description {
    font-size: 15px;
    color: #a7acb4;
    line-height: 1.8;
    margin: 20px 50px;
}

.list-content {
    margin-top: 20px;
}

.list-item {
    float: left;
    width: 271px;
    height: 370px;
    margin-bottom: 20px;
    margin-left: 4px;
}

.border-bg {
    width: 271px;
    height: 271px;
    background: url('../images/ItemBorder.png') center;
    padding: 13px;
}

.border-bg img {
    width: 100%;
    height: 100%;
}





/*

留言反馈页面样式

 */

.fb-content {
    padding-top: 20px;
    padding-bottom: 35px;
    height: 509px;
}

.fb-content-left {
    float: left;
    width: 393px;
    height: 454px;
    padding: 41px 37px;
    background-image: url('../images/fb-bg.png');
}

.fb-content-left h1 {
    color: white;
    font-size: 28px;
    font-family: "FZLTCXHJW";
    line-height: 1.14;
    margin-bottom: 30px;
}

.fb-content-left p:nth-of-type(1) {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    line-height: 1.8;
}

.fb-phoneNum {
    font-size: 18px;
    color: white;
    font-weight: bold;
    line-height: 1.7;
}

.fb-img {
    margin-top: 50px;
    text-align: center;
    width: 100%;
}

.fb-content-right {
    float: left;
    width: 707px;
    height: 100%;
    padding: 20px 0px 15px 72px;
    border: 1px solid #e9e9e9;
    border-left: none;
}
.fb-form img{
    vertical-align: middle;
}
.fb-form h2 {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    line-height: 2.3;
    font-weight: normal;
}

.fb-title,
.fb-name,
.fb-contact,
.fb-code {
    display: inline-block;
    border: 1px solid #e9e9e9;
    padding-left: 10px;
    height: 35px;
}

.fb-title {
    width: 60%;
}

.fb-name {
    width: 20%;
}

.fb-contact {
    width: 30%;
}

.fb-main {
    display: inline-block;
    border: 1px solid #e9e9e9;
    width: 70%;
    height: 100px;
    padding-left: 10px;
    margin-top: 15px;
    padding-top: 5px;
}

.fb-code {
    width: 50%;
    margin-bottom: 10px;
}

.fb-submit {
    display: block;
    width: 131px;
    height: 49px;
    background-image: url('../images/submitBtn.png');
    font-size: 18px;
    line-height: 49px;
    color: white;
    cursor: pointer;
    text-align: center;
}
.error{
    color: red;
}

/*

项目案例信息预览页面

 */
.proinfo-panel{
    width: 100%;
    height: 321px;
    background-color: #f0f0f0;
    padding: 15px 0;
}
.proinfo-panel-right{
    float: right;
    width: 799px;
    height: 271px;
    position: relative;
}/*
.proinfo-panel-right span{
    display: inline-block;
    color: grey;
    width: 80px;
    text-align: center;
    border-right: 1px solid grey;
    font-size: 14px;
}*/
.proinfo-panel-right i{
    color: grey;
    font-size: 14px;
    margin-left: 20px;
}
.pprt{
    width: 90%;
    margin-top: 20px;
}
.proinfo{
    margin-top: 30px;
    margin-bottom: 30px;
}
.proinfo-left{
    width: 780px;
    display: inline-block;
    border-right: 1px solid #e9e9e9;
    padding-right: 5px;
    min-height: 800px;
}
.proinfo-left p {
    font-size: 15px;
    line-height: 30px;
}
.proinfo-left img{
    max-width: 700px;
}
.proinfo-right{
    float: right;
    width: 295px;
    margin-left: 25px;
    border: 1px solid #e9e9e9;
    padding: 10px;
}
.relatedItem{
    height: 145px;
    border-bottom: 1px dotted #e9e9e9;
    padding: 10px 0;
}
.relatedItem a img {
    width:126px;
    height: 124px;
    border: 1px solid #d8d8d8;
    padding: 2px;
}
.relatedItem-content{
    width: 137px;
    height: 100%;
    float: right;
    position: relative;
}
.related-span{
    position: absolute;
    left: 5px;
    bottom: 5px;
}
.relatedItem-content h3{
    font-size: 15px;
    font-weight: bold;
    line-height: 28px;
    color: #5d5d5d;
}
.relatedItem-content p{
    font-size: 12px;
    color: #8d8d8d;
    margin-bottom: 20px;
}